@charset "utf-8";

body{margin:0;padding:0;color:#999;font-size:14px;font-family:Hiragino Sans GB,microsoft yahei,lvetica Neue,Helvetica,Arial,sans-serif;line-height:30px;}
a{color:inherit;}
a,a:focus,a:hover{text-decoration:none; color: inherit;}
a:focus,a:hover{outline:0;color: inherit;-moz-outline:none;}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{color:#000;font-weight:500;font-family:Hiragino Sans GB,microsoft yahei,lvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;}
.h1,.h2,.h3,.h4,.h5,.h6,li,ul{margin:0;padding:0;}
li,ul{list-style:none;}
img{margin:0;padding:0;height:auto;/*max-width:100%*/;border:0;}
.navbar-brand,.navbar-default,.transition,:active,:focus,:hover,:link,:visited{-webkit-transition:all .3s linear;transition:all .3s linear;}
.parallax{background-attachment:fixed;-webkit-transition:all 0s linear;transition:all 0s linear;}
::-moz-selection{background:#3498db;color:#fff;}
::selection{background:#3498db;color:#fff;}
.pingpu-bg{position:relative;min-width:855pt;}
.red{color:#1cab43!important;}
.green{color:#089500!important;}
@media (max-width:768px){
	h2 span{display:none;}
}


.btn-success{margin:0 15px 20px;padding:9pt 30px;border:2px solid #1cab43;border-radius:0;background-color:#fff;color:#1cab43;}
.btn-success:hover{border:2px solid #1cab43;background-color:#1cab43;color:#fff;}
.clear{clear:both;}
.d_link{border-bottom:1px solid #f0f0f0;}
.more{float:right;}
.wfcolor{color:hsla(0,0%,100%,.7);font-weight:700;}
.wfcolor:focus,.wfcolor:hover{color:#fff;}
.navbar-header{position:relative;}
.headroom--unpinned{top:-75pt;}
.logo{display:table;margin:0;padding:0;padding:0 15px;}
.navbar-brand{display:block;overflow:hidden; padding:0; line-height: inherit; text-indent:-9999px; }
.logo a.navbar-brand img{ max-width: 480px; max-height: 80px;}
@media (max-width:768px){.navbar-brand{margin-top:6px;width:100%;height: auto;}
.logo a.navbar-brand img{max-width:96%}
}
.nav{line-height:80px;}
.nav>li>a{display:block;margin-left:28px;padding:0;color:#333;font-weight: bold;}
.nav>li>a:focus,.nav>li>a:hover{background-color:transparent;color:#e5111a;}
@media (min-width:768px){.nav>li>a{margin-left:25px;}
}
.navbar-default{padding:30px 0;border-color:transparent;background-color:rgba(52,152,219,0);background-color:transparent;}
.navbar-default .navbar-toggle:hover{background-color:hsla(0,0%,100%,0);}
.navbar-default .navbar-toggle .icon-bar{background-color:#ddd;}
@media (max-width:768px){
#banner .swiper-container .swiper-slide{ width: 100%; overflow: hidden;}
.navbar-default{    position: initial;padding: 0 0;margin-bottom:0}
.stickyd .nav{background-color:#010; padding:20px 10px;}
.nav-pills>li{ float: none;}
.navbar-default .navbar-collapse{margin-top:10px;padding-top:10px;border-width:0; }
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{ max-height: none;}
.navbar-default .navbar-collapse a{line-height:40px;}
.sticky .navbar-collapse{margin-top:10px;padding-top:0;border-width:0;}
}



.sticky{background-color:hsla(0,0%,100%,.95);box-shadow:0 0 10px rgba(0,0,0,.15);}
.sticky.navbar{padding:10px 0;}
.sticky .nav{line-height:80px;}
.sticky .navbar-brand{width:auto;height:auto;}
@media (max-width:768px){.sticky .navbar-brand{margin-top:6px;width:191px;}
}


.sticky .navbar-toggle{margin-top:3px;margin-bottom:0;}
.sticky .nav>li>a{color:#333;}
.sticky .nav>li>a:hover{color:#1cab43;}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{background-color:hsla(0,0%,100%,0);color:#e5111a;}
.banner{position:relative;background-color:#000;}
.banner .rslides li div{display:block;margin:0 auto;height:45pc;background-position:center top;background-repeat:no-repeat;}
.banner1,.banner2,.banner3,.banner4,.banner_b{background-size:20in auto;}
.banner_s{display:none;}
@media (min-width:992px) and (max-width:1199px){.banner1,.banner2,.banner3,.banner4{background-size:1650px auto;}
}
@media (min-width:768px) and (max-width:991px){.banner1,.banner2,.banner3,.banner4{background-size:1262px auto;}
}
@media (max-width:767px){.banner1,.banner2,.banner3,.banner4{background-size:1262px auto;}
.banner_b{display:none;}
.banner_s{display:block;background-size:20in auto;}
}


.rslides{position:relative;overflow:hidden;margin:0 auto;height:45pc;list-style:none;}
.rslides,.rslides li{width:100%;}
.rslides_div{position:relative;}
.rslides_nav{position:absolute;bottom:70px;overflow:hidden;width:46px;height:40px;background-position:left top;background-repeat:no-repeat;text-indent:-9999px;opacity:.4;-webkit-tap-highlight-color:transparent;filter:alpha(opacity=40);}
.rslides_nav:hover{opacity:1;filter:alpha(opacity=100);}
.rslides_nav.next,.rslides_nav.prev{background-size:46px auto;}
.rslides_tabs{position:absolute;bottom:70px;left:70px;margin:0;margin:0 auto;padding:0;height:20px;list-style:none;}
.rslides_tabs li{display:inline-block;}
.rslides_tabs li a{display:block;overflow:hidden;margin-right:9pt;width:9pt;height:9pt;border-radius:50%;background-color:#fff;text-indent:-9999px;opacity:.3;cursor:pointer;filter:alpha(opacity=30);}
.rslides_tabs li.rslides_here a{background-color:#fff;opacity:1;filter:alpha(opacity=100);}
@media (min-width:992px) and (max-width:1199px){.banner .rslides li div,.rslides{height:594px;}
}
@media (min-width:768px) and (max-width:991px){.banner .rslides li div,.rslides{height:454px;}
}
@media (max-width:767px){.banner .rslides li div,.rslides{height:454px;}
}


.banner .rslides li div{text-align:left;}
.banner .rslides .banner-text{display:inline-block;margin-top:28em;padding:30px 35px;border-radius:6px;text-align:left;}
.banner .rslides .banner-text h2{margin:0 0 10px;padding:0;color:#fff;font-size:22px;}
.banner .rslides .banner-text p{margin:0;padding:0;color:hsla(0,0%,100%,.8);text-indent:44px;font-size:1pc;}
.banner .rslides .banner3 .banner-text,.banner .rslides .banner4 .banner-text{background-color:rgba(52,152,219,.4);}
.banner .rslides .banner1 .banner-text,.banner .rslides .banner2 .banner-text{background-color:rgba(0,0,0,.5);}
@media (min-width:992px) and (max-width:1199px){.banner .rslides .banner-text{margin-top:16em;}
}
@media (min-width:768px) and (max-width:991px){.banner .rslides .banner-text{margin-top:12em;}
}
@media (max-width:767px){.banner .rslides .banner-text{margin-top:11em;}
.banner .rslides .banner-text p{text-indent:0;font-size:14px;line-height:24px;}
.banner .rslides .banner-text h2{font-size:18px;}
}


.h-h2{margin:0 0 40px;padding:0 0 20px;border-bottom:1px solid #e5e5e5;background:0 0;color:#000;font-size:26px;line-height:150%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.h-h2-white{border-bottom:1px solid hsla(0,0%,100%,.2);color:#fff;}
h2 span{margin-right:9pt;font-style:italic;}
.h-h3{margin:0 0 40px;padding:0 0 20px;border-bottom:1px solid #e5e5e5;background:0 0;color:#000;font-size:20px;line-height:150%;}
.h-h3-white{border-bottom:1px solid hsla(0,0%,100%,.2);color:#fff;}
h3 span{margin-left:9pt;color:#999;font-weight:400;font-style:italic;font-size:18px;}
.sx-jianju{padding:20px 0 20px;}
.t-jianju{margin-top:30px;}
.about,.footer,.process,.superiority{color:#fff;}
@media (max-width:768px){
    .h-h2{ margin: 0 0 15px; padding: 0 0 6px;}
    .sx-jianju{ padding:20px 0 20px;}
    .h-h3{ margin: 0 0 20px; padding: 0 0 6px;}
}

/* support 帮助 */
.superiority{background-color:#222;}
.superiority figure h3{margin-top:40px;color:#fff;}
.superiority figure p{color:hsla(0,0%,100%,.8); font-size: 15px; line-height: 22px; max-height: 66px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.work_list{border-bottom:1px solid #f0f0f0;}
.work_list figure{margin-bottom:30px;}
.row_list{float:left;margin:1.6%;width:30.13%;}
.row_list img{width:100%;cursor:pointer;}
#supportHome .swiper-slide{ background-color: #222;}
#supportHome figcaption{ padding-bottom: 40px;}
#supportHome .swiper-pagination-bullet-active{ background-color: #fff;}
#supportHome .swiper-pagination-bullet{ background: #ccc; width: 14px; height: 14px;}
#supportHome .swiper-pagination-bullets{ bottom: 5px;}

@media (max-width:992px){.row_list{float:left;margin:3%;width:44%;}
}
@media (max-width:768px){
   #supportHome .swiper-button-next, #supportHome .swiper-button-prev{ display: none;}
}
.about{background-color:#5b5d5b;}
.about p{color:#fdfbfb;text-align:left;text-indent:30px; padding: 10px 14px;}

.youshi h3{color:#666;}
.youshi figure{padding:38px 0;border-width:0 1px 1px 0;}
.youshi div.row,.youshi figure{border-color:#e6e6e6;border-style:solid;}
.youshi div.row{margin:10px 0 45px;border-width:1px 0 0 1px;}
.youshi figure h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:14px;}
.youshi figure h3 a{color:#666;}
.youshi figure p{position:absolute;top:0;left:0;display:block;overflow:hidden;padding:20px;width:100%;height:100%;background-color:#393;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-weight:700;opacity:0;filter:Alpha(Opacity=0);}
.youshi figure p a{color:#fff;text-decoration:underline;}
.youshi figure:hover p{opacity:1;filter:Alpha(Opacity=1);}


@media (max-width:1199px){.youshi figure:hover p{display:block;}
.youshi figure p{display:none;}
}
.youshi figure p small{display:block;overflow:hidden;margin-top:10px;width:100%;height:80%;text-align:left;text-overflow:ellipsis;white-space:normal;font-weight:400;line-height:180%;}
.sx-xinwen{padding:60px 0 0;}
.gg{margin-top:45px;margin-bottom:35px;}
.gg_2{display:none;}
@media (max-width:768px){.gg_1{display:none;}
.gg_2{display:block;}
}
.ngt{border-bottom:1px solid #ededed;background-color:#f7f7f7;line-height:400%;}
.ngt .nt{float:left;padding-left:34px;width:70%;}
.ngt .cl{float:right;width:30%;text-align:right;}
.jdzl{float:left;margin-bottom:40px;width:100%;color:#eee;}
.jdzl span{color:#000;font-weight:700;}
.jdzl a{margin-right:10px;padding:0 2px;}
.now{color:#428bca;}
@media (max-width:768px){.ngt .nt{margin:0 2%;width:96%;}
.ngt .cl{display:none;}
}
.pad{margin:0 1.6%;padding-top:40px;padding-bottom:40px;width:96.8%;}
.pad_l{float:left;width:42%;}
.pad_r{float:right;width:42%;}
.pad_l img{float:left;height:300px;}
.pad_r img{float:right;height:300px;}
.pad h4{margin-top:60px;}
@media(max-width:767px){.pad{margin:0 1.6%;padding-top:0;padding-bottom:40px;width:96.8%;}
.pad_l,.pad_r{margin:20px 3%;width:94%;text-align:center;}
.pad_l img,.pad_r img{float:none;}
}
.pan{margin:0 1.6%;padding-top:40px;padding-bottom:40px;width:96.8%;}
.pan ul{margin:0 auto;padding:40px 0;width:90%;}
.pan li{float:left;margin:0 2%;width:46%;}
@media(max-width:767px){.pan{margin:0 3%;width:94%;text-align:center;}
}
.pab,.pas{margin:auto;padding-top:40px;padding-bottom:40px;width:96.8%;}
.pas_l1{float:left;width:43%;}
.pas_r1{float:right;width:54%;}
.pab_l1{float:left;width:43%;}
.pab_r1{float:right;width:54%;}
.pab_l2{float:left;width:54%;}
.pab_r2{float:right;width:43%;}
.pab_l3{float:left;width:49%;}
.pab_r3{float:right;width:48%;}
.pab_l1 img,.pab_l3 img{float:left;}
.pab_r2 img{float:right;}
@media(max-width:767px){.pab_l1,.pab_l2,.pab_l3,.pab_r1,.pab_r2,.pab_r3,.pas_l1,.pas_r1{margin:20px 3%;width:94%;text-align:center;}
.pab_l1 img,.pab_l3 img,.pab_r2 img,.pas_l1 img{float:none;}
.pab hr{width:78%;}
}
.pys{margin:auto;padding-top:20px;padding-bottom:28px;padding-left:40px;width:96.8%;}
@media(max-width:767px){.pys{margin:10px 3%;padding-left:0px;width:94%;}
}
.teshu{margin:auto;padding-top:30px;width:750pt;}
.p_1{margin:auto;padding:40px 0 30px;width:50pc;}
.ny-news{margin:15px 0 20px;padding-bottom:30px;border-bottom:1px solid #ededed;}
@media (min-width:1200px){.ny-news{height:189px;min-height:189px;}
.ny-news a img{max-width:200px!important;max-height:146px!important;}
}
@media (min-width:768px) and (max-width:1199px){.ny-news{min-height:159px;}
}
.ny-news a.pic-link{margin-right:20px;}
@media (min-width:999px){.ny-news a.pic-link{position:relative;display:block;}
.ny-h4.none{margin-top:0;}
}


.ny-news h4{margin:0 0 10px;font-size:15px; color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ny-news h4 a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.ny-news p{margin:0 0 5px;}
.ny-news p span{margin-right:10px;padding-left:28px;width:22px;height:18px;background-repeat:no-repeat;color:#999;font-style:italic;font-size:9pt;}
.ny-news p span.fl{background-position:0 0;}
.ny-news p span.gz{background-position:0 -20px;}
.case .m-shu{margin-bottom:35px;color:#999;line-height:28px;}
.case .m-shu p{margin-top:15px;color:#ccc;}
.case .m-shu p a{margin:0 3px;color:#333;}
.case .m-shu p a:hover{color:#1cab43;}
.case h4{margin:0 auto;padding:20px 0 26px;}
.case h4 a{font-weight:700;font-size:1pc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.case h4 small,.case h4 small a{color:#999;font-weight:400;font-size:14px;}
.case a.pic-link{margin-right:auto;margin-left:auto;max-width:360px;text-align:center;}
.neirong figure{margin-bottom:30px;}
.neirong .info h3{margin:25px 0;color:#333;font-weight:600;line-height:150%;}
.neirong .info h3.h3{margin:0 0 25px;}
.neirong .h1,.neirong .h2,.neirong .h3{margin-top:0;}
.case-fl p,.neirong .info,.neirong .info li,.neirong .info p,.ny-news p{color:#666;line-height:24px; max-height:72px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }
.neirong .info h4,.neirong .info h5,.neirong .info h6{line-height:30px;}
.neirong p.anniu .btn-success{margin:20px 30px 0 0;}
.neirong .kehu img{border:1px solid #eee;}
.neirong .info img{margin:8px 0;}
#MyContent img{border-radius:5px;box-shadow:0 2px 10px #9797a6;}
@media (max-width:768px){.neirong{padding:30px 0;}
.neirong .info img{margin-top:20px;margin-bottom:20px;}
.neirong .info .like img{margin-top:0;margin-bottom:0;}
.neirong .mt{margin-top:40px;}
.diwei p{margin-bottom:20px;}
.ny-bt{border-bottom:0;}
.neirong .info p{margin:15px 0;}
}
@media (min-width:768px){.neirong .pull-left{margin-top:0;margin-right:30px;}
.neirong .ny-right .pull-right{margin-left:0;}
.neirong .pull-right{margin-top:0;margin-left:30px;}
}
@media (min-width:999px){.case a.pic-link,.tj-case a.pic-link{position:relative;display:block;}
.case-hover{position:absolute;z-index:96;display:block;width:100%;height:100%;background-color:rgba(255,255,255,.4);opacity:0;cursor:pointer;-webkit-transition:all .3s linear;transition:all .3s linear;filter:Alpha(Opacity=0);-ms-transition:all .3s linear;}
.case-hover:hover{opacity:1;filter:Alpha(Opacity=1);}
.case-hover *{filter:inherit;}
.case-hover{cursor:pointer;}
.case-hover:hover .hover-link,.pic-link:hover .hover-link,.tj-case figure div:hover .hover-link img{ width: 46px; }
.hover-link{position:absolute;top:50%;left:50%;display:block;margin-top:-22px;margin-left:-22px;width:44px;height:44px;}
}



.ny-shuoming{margin-bottom:30px;}
.ny-shuoming h2{margin-top:0;margin-bottom:15px;font-weight:600;font-size:24px;}
.ny-shuoming p{margin-bottom:40px;padding-bottom:25px;border-bottom:1px solid #ededed;color:#999;font-size:9pt;}
.bd_from{margin:106px auto 9pt;padding:25px 0 1pc;width:100%;border:5px solid #e9e9e9;}
.bd_from .s{padding-left:10px;width:136px;height:28px;border:1px solid #cbcbcb;line-height:28px;}
.bd_from .s:focus{border-color:#5da910;}
.bd_from .quikBtn{margin:10px 0 0;padding:6px 20px;border:none;border-radius:4px;background:#5da910;color:#fff;vertical-align:middle;font-size:1pc;}
.bd_from .quikBtn:hover{background:#1cab43;}
.bd_from li{margin:8px 0;}
.bd_from .ny-h4{margin:0 0 25px;font-weight:700;font-size:24px;}
.bd_from .ny-h4 small{display:block;padding-top:8px;color:#71b619;font-size:9pt;}
.ny-h4{margin:25px 0;font-weight:700;font-size:1pc;}
.ny-h4 small{color:#999;font-size:14px;}
.n_list li{height:36px;border-bottom:1px dashed #eee;line-height:36px;}
.n_list a{color:#1cab43;}
.n_list a:hover{color:#69c;}
.c_list{width:100%;}
.oo{display:none;}
.c_list span{display:block;overflow:hidden;margin-bottom:4px;height:38px;text-align:center;}
@media (max-width:991px){.bd_from{margin-top:1pc;}
.c_list{float:left;padding:0 8px;width:50%;}
.oo{display:block;}
}



.footer{background-color:rgba(41, 41, 41, 0.85);color:#fff;font-size:9pt;}
.footer h3{color:#fff;font-weight:700;font-size:1pc;line-height:3pc;}
.footer a{margin:0 4px;color:#919399;}
.footer a:hover{color:#fff;}
.dibu{padding-top:20px;padding-bottom:20px;width:100%;}
.d_1{float:left;padding:10px 2% 10px 0;width:30%;height:300px;}
.d_1 .lvputi{display:block;margin-left:20px;}
.dh,.xm{margin-bottom:9pt;padding-right:10px;padding-left:10px;width:263px;height:40px;border-width:0;border-radius:0;background-color:#fff;color:#666;vertical-align:middle;}
.xm{background-position:right 0;}
.dh{background-position:right -40px;}
#button1{padding-right:10px;padding-left:10px;width:263px;height:44px;border-width:0;border-radius:0;background-color:#393;color:#fff;vertical-align:middle;text-align:center;font-size:14px;}
#button1:hover{background-color:#69c;}
.d_2{float:left;padding:10px 0;width:auto;height:245px;}
.d_2 .address{padding-left:30px;}
.d_2 .address ul li{margin:0 auto;line-height:28px;}
.d_2 .address ul li .iconfont{ vertical-align: middle;}
.d_3{float:right;margin-top:46px;padding:0;width:26%;text-align:center;}
.d_3 ul li{float:none;margin-left:1pc;width:118px;}
.d_3 ul li img{margin:0 auto;width:118px;}
.d_3 ul li p{width:100%;line-height:40px;}
.copy{padding-top:30px;width:100%;border-top:1px solid #9c9c9c;}
.copy p{ text-align: center;}
.renzheng{margin-top:10px;}
.renzheng img{margin-right:6px;}
@media screen and (min-width:992px) and (max-width:1199px){.d_1{padding:10px 2%;width:31%;}
.d_2{padding:10px 5%;width:55%;}
}
@media screen and (min-width:768px) and (max-width:991px){.d_1{width:41%;}
.d_1,.d_2{padding:10px 2%;}
.d_2{width:auto;}
}
@media screen and (max-width:767px)
{
    .d_1{height:auto; margin-bottom: 15px;}
    .d_1,.d_2{margin:0 auto;padding:0 4%;width:92%;}
    .d_2{height:auto; width: 100%;}
    .d_3{ width: 100%; margin-top: 20px;}
    .d_3 ul li{ margin: 0 auto; }
}


.pages{padding:30px 0;text-align:center;}
.pages li{display:inline;margin:0 2px;font-size:9pt;}
.pages a:hover,.pages li.thisclass{padding:3px 8px;border:1px solid #428bca;background:#428bca;color:#fff;text-decoration:none;}
.pages a{padding:3px 8px;border:1px solid #ccc;background:#fff;color:#a4a4a4;font-size:9pt;line-height:18px;}




/* 侧边栏的QQ 和联系方式 */
.side {position: fixed;width: 54px;height:auto;right: 0;bottom: 100px;z-index: 100; display: none;}
.side ul li {width: 54px;height: 54px;float: left;position: relative;border-bottom: 1px solid #444;}
.side ul li .sidebox {position: absolute;width: 54px;height: 54px;top: 0;right: 0;transition: all 0.3s;background: #000;opacity: 0.8;filter: Alpha(opacity=80);color: #fff;font: 14px/54px "΢���ź�";overflow: hidden;}
.side ul li .sidetop {width: 54px;height: 54px;line-height: 54px;display: inline-block;background: #000;opacity: 0.8;filter: Alpha(opacity=80);transition: all 0.3s;}
.side ul li .sidetop:hover {background: #ae1c1c;opacity: 1;filter: Alpha(opacity=100);}
.side ul li img,.side ul li i.iconfont {float: left;}
/* 右侧的联系方式 */
.call .iconfont{ font-size: 32px; padding: 0 10px; display: inline-block; }

@media screen and (max-width:768px){
    .side{ height: auto; bottom: 30px; display: block;}
}


/* 首页 产品 特效 */
.hotellx *{margin:0;padding:0;}
.hotellx{position:relative;float:left;margin:13px;padding:14px;width:358px;background-color:#FFF;}
@media (min-width:992px) and (max-width:1199px){.hotellx{margin:3% 63.5px;}
}
@media (min-width:768px) and (max-width:991px){.hotellx{margin:3% 8px;}
}
@media (max-width:767px){.hotellx{float:none;margin:4% auto;}
}

.energy h3{margin-bottom:15px;color:#fff;font-size:14px;}
.energy h3 small{color:#ccc;font-size:14px;}
.energy .progress-bar-info{background-color:rgba(20, 53, 49, 0.856);}
.energy{background-color:rgba(141, 158, 157, 0.856);}

.hotellx section{position:relative;margin:0 auto;width:330px;height:220px;}
.hotellx label{position:relative;bottom:-196px;z-index:99;float:left;width:165px;height:20px;color:#fff;font-style:italic;font-size:24px;line-height:22px;cursor:pointer;}
.hotellx label:before{position:absolute;left:50%;z-index:-1;margin-left:-7px;width:30px;height:30px;border-radius:50%;background:rgba(130,195,217,.9);box-shadow:0 0 0 2px rgba(255,255,255,.3);content:'';}
.hotellx label:after{position:absolute;right:0;bottom:-4px;width:1px;height:220px;background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);background:linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);content:'';filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);}


.hotellx input.active~label{color:#68abc2;}
.hotellx input.active+label:before{background:#fff;box-shadow:0 0 0 3px rgba(104,171,194,.6);}

.hotellx input{display:none;}
.hotellx .cr-bgimg{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;}
.hotellx .cr-bgimg{overflow:hidden;background-position:0 0;background-repeat:no-repeat; background-color: #000;}
.hotellx .cr-bgimg div{position:relative;float:left;overflow:hidden;width:50%;height:100%;background-repeat:no-repeat;}
 .hotellx .cr-bgimg div span{position:absolute;top:100%;left:0;z-index:2;width:100%;height:100%; }  /*text-indent:-9000px; */
.hotellx .cr-bgimg div:nth-child(even) span{top:-100%;}

.cr-bgimg div:nth-child(1) span{background-position:0 0;}
.cr-bgimg div:nth-child(2) span{background-position:-150px 0;}
.hotellx input.active~.cr-bgimg div span{-webkit-animation:slideOutUp .6s ease-in-out;-moz-animation:slideOutUp .6s ease-in-out;-o-animation:slideOutUp .6s ease-in-out;-ms-animation:slideOutUp .6s ease-in-out;animation:slideOutUp .6s ease-in-out;}
.hotellx input.active~.cr-bgimg div:nth-child(even) span{-webkit-animation:slideOutDown .6s ease-in-out;-moz-animation:slideOutDown .6s ease-in-out;-o-animation:slideOutDown .6s ease-in-out;-ms-animation:slideOutDown .6s ease-in-out;animation:slideOutDown .6s ease-in-out;}
@-webkit-keyframes slideOutUp{0%{top:0;}
100%{top:-100%;}
}
@-webkit-keyframes slideOutDown{0%{top:0;}
100%{top:100%;}
}
@-moz-keyframes slideOutUp{0%{top:0;}
100%{top:-100%;}
}
@-moz-keyframes slideOutDown{0%{top:0;}
100%{top:100%;}
}
@-o-keyframes slideOutUp{0%{top:0;}
100%{top:-100%;}
}
@-o-keyframes slideOutDown{0%{top:0;}
100%{top:100%;}
}
@-ms-keyframes slideOutUp{0%{top:0;}
100%{top:-100%;}
}
@-ms-keyframes slideOutDown{0%{top:0;}
100%{top:100%;}
}
@keyframes slideOutUp{0%{top:0;}
100%{top:-100%;}
}
@keyframes slideOutDown{0%{top:0;}
100%{top:100%;}
}
.hotellx section input:nth-of-type(1).active~.cr-bgimg div span:nth-child(1),
.hotellx section input:nth-of-type(2).active~.cr-bgimg div span:nth-child(2){top:0;z-index:10;-webkit-transition:top .5s ease-in-out;-moz-transition:top .5s ease-in-out;-o-transition:top .5s ease-in-out;transition:top .5s ease-in-out;-ms-transition:top .5s ease-in-out;-webkit-animation:none;-moz-animation:none;-o-animation:none;-ms-animation:none;animation:none;}

.hotellx .cr-titles h4{color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.1);}
.hotellx .cr-titles h4 span{position:absolute;left:0;z-index:100;width:100%;text-align:center;opacity:0;}
.hotellx .cr-titles h4 span:nth-child(1){
    top:15%;letter-spacing:7px;font-size:36px;
    -webkit-transition:opacity .8s ease-in-out,top .8s ease-in-out;-moz-transition:opacity .8s ease-in-out,top .8s ease-in-out;-o-transition:opacity .8s ease-in-out,top .8s ease-in-out;
    transition:opacity .8s ease-in-out,top .8s ease-in-out;-ms-transition:opacity .8s ease-in-out,top .8s ease-in-out;
}
.hotellx .cr-titles h4 span:nth-child(2){
    top:50%;margin-top:6%;padding:6px 0;background:rgba(104,171,194,.65);letter-spacing:0;font-style:italic;font-size:16px;
    font-family:Cambria,Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif;-webkit-transition:opacity .8s ease-in-out;
    -moz-transition:opacity .8s ease-in-out;-o-transition:opacity .8s ease-in-out;transition:opacity .8s ease-in-out;-ms-transition:opacity .8s ease-in-out;
}

.hotellx section input:nth-of-type(1).active~.cr-titles h4:nth-of-type(1) span, .hotellx section input:nth-of-type(2).active~.cr-titles h4:nth-of-type(2) span{opacity:1;}
.cr-bgimg, .cr-bgimg div span{ background-size: cover;}
.hotellx section .cr-bgimg div:nth-child(1) span:nth-child(1) img,.hotellx section .cr-bgimg div:nth-child(1) span:nth-child(2) img{ max-width: none; height: 100%; position: absolute; top: 0; left: 0; }
.hotellx section .cr-bgimg div:nth-child(2) span:nth-child(1) img,.hotellx section .cr-bgimg div:nth-child(2) span:nth-child(2) img{ max-width: none; height: 100%; position: absolute; top: 0; right: 0; }
.hotellx .cr-titles h4 span a{ display: inline-block; width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}